<template>
    <div class="commend">
      <div class="com-title border-bottom">
        <span class="iconfont icon-remen"></span>
        去哪儿推荐
      </div>
      <div class="com-content">
        <ul>
          <li class="border-bottom content-box">
            <div class="content-left">
              <div class="left-title">
                纯玩一日游 暑期出游大优惠 定点免费接 多班可选
              </div>
              <div class="left-time">
                <span class="iconfont icon-shijian"></span>
                23.45前可订明日
              </div>
            </div>
            <div class="content-right">
              <div class="price">&yen;298 <span class="up">起</span> </div>
              <div class="check">查看</div>
            </div>
          </li>
          <li class="border-bottom content-box">
            <div class="content-left">
              <div class="left-title">
                【纯玩商务舱】一日（片区直发√零购物√耳麦讲解）
              </div>
              <div class="left-time">
                <span class="iconfont icon-shijian"></span>
                23.45前可订明日
              </div>
            </div>
            <div class="content-right">
              <div class="price">&yen;338 <span class="up">起</span> </div>
              <div class="check">查看</div>
            </div>
          </li>
          <li class="border-bottom content-box">
            <div class="content-left">
              <div class="left-title">
                一日游（可选航空舱+小团讲解+真纯玩+包接）
              </div>
              <div class="left-time">
                <span class="iconfont icon-shijian"></span>
                23.45前可订明日
              </div>
            </div>
            <div class="content-right">
              <div class="price">&yen;296 <span class="up">起</span> </div>
              <div class="check">查看</div>
            </div>
          </li>
        </ul>
      </div>
    </div>
</template>

<script>
  export default {
    name: "detailRecommend",

  }
</script>

<style lang="stylus" scoped>
  @import "~style/varibles.styl"
  .com-title
    padding-left .2rem
    height .8rem
    font-size .32rem
    line-height:.8rem
    .icon-remen
      color red
      margin-right:.1rem
  .content-box
    height 1.8rem
    padding .2rem
    .content-left
      width 66.6%
      float: left
      color #616161
      .left-title
        font-size .3rem
        line-height .5rem
      .left-time
        padding-top .1rem
        font-size .24rem
        .icon-shijian
          color $bgColor
          font-size .24rem
    .content-right
      float: right
      width 33%
      text-align center
      padding-top .3rem
      .price
        color #ff9800
        font-size .36rem
        .up
          font-size .24rem
          color #616161
      .check
        background: #ff9800
        line-height .6rem
        width 1.6rem
        color #ffffff
        border-radius .1rem
        margin-left .4rem
</style>
